.container {
    padding: 20px 40px 60px 40px!important;
    box-sizing: border-box!important;
}

/*el-button span 下面可以放图标和文字，但是没有水平对齐；
该css处理该问题*/
.el-button span {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*图标与文字的间隙*/
.iconfont {
    margin-right: 5px;
}

/*el-input如果使用阿里图标，那么margin-left 5px*/
.el-input__icon.iconfont{
    margin-left: 5px;
}

/*el-input如果使用阿里图标，那么margin-left 5px*/
/*.el-input .iconfont{*/
/*    margin-right: 5px;*/
/*}*/

/*文字提示用到css begin*/
.el-tooltip__popper[x-placement^=right] .popper__arrow{
    border-right-color:  #409eff !important;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    border-right-color:  #409eff !important;

}
.el-tooltip__popper[x-placement^=left] .popper__arrow{
    border-left-color: #409eff !important;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    border-left-color: #409eff !important;
}
.mypopper{
    background: #409eff !important;
    color: white;
}
/*文字提示用到css end*/


/* -------- dialog设置与dialog下的表单设置 begin ----------*/
.el-dialog{
    width: 698px;
    padding: 0 20px;
}
/* --------- dialog设置与dialog下的表单设置 end -------------*/


/*  --------- 水平两列表单固定样式 begin -------------   */
.myform{
    width: 640px;
}

/*表单项的标签*/
.myform .el-form-item__label{
    width: 100px;
}

/*表单项的input类型 与 content（非input类型）统一长度*/
.myform .el-input__inner,.myform .el-form-item__content {
    /*600px-label宽度80px*2-formitem自带的margin的10px*2*/
    width: 204px;
}

/*inputNumber计数器的位置调整*/
.myform .el-input-number{
    width: auto;
}

/*当水平两列表单中某一form-item需要沾满一行时*/
.fullWidthFormItem .el-form-item__content,.fullWidthFormItem .el-input__inner{
    /*600px-label的80px-formitem自带的margin的10px*/
    width: 510px;
}

/*水平两列表单下面的单选框可能会换行，设置margin-bottom来拉开一些间距*/
.myform .el-radio{
    margin-bottom: 15px;
}

/*  --------- 水平两列表单固定样式 end -------------   */


/* --------- loading组件修改 begin ------------- */
/*loading组件文本颜色*/
.el-loading-spinner .el-loading-text{
    color: #dce2e8;
}

.el-loading-spinner .path{
    stroke: #dce2e8;
}
/* --------- loading组件修改 end ------------- */


/*vue-router-tab组件设置tab页背景颜色*/
.router-tab__item:hover{
    color: #409eff;
}
.router-tab__item.is-active{
    color:#409eff
}